<template>
  <div class="container">
    <svg class="icon" width="100px" height="100.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path :fill="color" d="M499.43641 18.120348h452.786087c31.788522 0 54.984348 31.833043 43.453218 60.416a60.994783 60.994783 0 0 1-13.579131 18.610087 208544.723478 208544.723478 0 0 1-340.724869 340.635826 19.678609 19.678609 0 0 0-6.366609 15.404522c0.178087 171.497739 0.178087 342.906435 0.178087 514.359652 0 34.281739-29.562435 56.409043-60.638609 45.189565a47.104 47.104 0 0 1-16.339478-10.729739c-60.282435-60.015304-120.253217-120.253217-180.535652-180.268522a48.751304 48.751304 0 0 1-14.692174-36.196174c0.178087-111.972174 0.178087-223.899826-0.089043-335.827478 0-3.428174-2.181565-7.613217-4.719305-10.150957C243.792584 324.87513 129.416237 210.142609 14.461106 95.944348-5.707242 75.820522-2.412633 51.645217 10.187019 34.504348c8.904348-12.109913 21.682087-16.384 36.507826-16.384h452.741565z"  />
    </svg>
    <span class="name">{{deviceName}}</span>
  </div>

</template>

<script>
export default {
  name: "Paper-Filter",
  props: {
    color: {
      type: String,
      default: "#A9A9A9", // 默认颜色:深灰色
    },
    deviceName:{
      type: String,
      default: "纸带过滤"
    },
  },
}
</script>

<style scoped>
.container{
  width: auto;
}
.name{
  display: flex;
  justify-content: center;
}
</style>
